<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>项目详情-网演中国粤西平台</title>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=9,Chrome=1">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" co="" ntent="black">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		
		<!--测试时不用微信浏览器缓存-->
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />

		<!-- css -->
		<link rel="stylesheet" type="text/css" href="../css/frameCss/animate.css" />
		<link rel="stylesheet" type="text/css" href="../css/frameCss/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../css/frameCss/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/frameCss/swiper.css" />
		<link rel="stylesheet" type="text/css" href="../css/public.css">
		<link rel="stylesheet" type="text/css" href="../css/index.css">
	</head>

	<body>
		<header></header>
		<div id="goods-container-wrapper" class="animated fadeInLeft">
			<div id="goods-container">
				<!-- 轮播图 -->
				<div class="banner swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="#"><img src="../images/02856300.jpg" height="100%" width="100%" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="../images/21651800.jpg" height="100%" width="100%" /></a>
						</div>
						<div class="swiper-slide">
							<a href="#"><img src="../images/50849300.jpg" height="100%" width="100%" /></a>
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>

				<div id="itembox">
					<div class="bigtitle">好戏百元大“惠”演儿童剧《皇帝的新装》</div>
					<div class="retime">价格：
						<font color="#FF0000">100.00</font>元</div>
				</div>

				<a href="index.html">
					<div id="shangjia">
						<img src="http://gd.wycn.com/data/upload/apps/store/05294253655139923.png">
						<h1>广州友谊剧院</h1>
						<span>卖家好评率<font>100%</font></span>
					</div>
				</a>

				<div id="itemmain">
					<div class="itemtitle">项目详情</div>
					<div class="itemcontent">
						<h4 style="margin: 25px 0px; padding: 0px 6px; height: 36px; line-height: 36px; color: rgb(51, 51, 51); font-family: 宋体; white-space: normal; text-align: justify; background-color: rgb(238, 238, 238);"><span style="font-size: 16px; font-family: 微软雅黑, 'Microsoft YaHei';">儿童剧《皇帝的新装》</span></h4>
						<p>在很久以前有一个王国，王国里的皇帝是个大胖子，没有其他的爱好，就喜欢漂亮的衣服。于是他找到了无数的裁缝来给他做漂亮衣服，但是因为皇帝身材过胖脾气又暴躁，还很傲慢自大，有一天王国里来了两位异域的裁缝师，他们要为皇帝的衣服只有聪明的人才能看到，笨蛋根本看不到这件衣服。他们骗取了皇帝的信任，住进了宫殿的裁缝馆，开始日夜赶工做这件神秘的新衣……</p>
						<p><br></p>
						<p><img src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1490075236702&amp;di=f330152b9e1829c24718602f03b68953&amp;imgtype=0&amp;src=http%3A%2F%2Fwww.0917.net%2Fwenhua%2Fuploadfile%2F2014%2F1104%2F20141104033740973.jpg" alt="image" width="100%" height="300px" data-preview-src="" data-preview-group="1"></p>
						<p><img src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1490075236702&amp;di=eb599300adeb1563b626f3ee9bc14229&amp;imgtype=0&amp;src=http%3A%2F%2Fwww.0917.net%2Fwenhua%2Fuploadfile%2F2014%2F1104%2F20141104033007998.jpg" alt="image" width="100%" height="300px" data-preview-src="" data-preview-group="1"></p>
					</div>
				</div>

				<div id="itemComment">
					<div class="itemtitle">项目评价</div>
					<div class="comment-text">该票品未收到任何评价<br> 期待您的购买与评论！
					</div>
				</div>
			</div>
		</div>

		<footer id="bar-fixed" style="position: relative;">
			<span id="btn-follow" data-url="http://m.qschou.com/project/follow/a66b4cae-f585-43f3-a59f-5262c1a6fdac"><i class="collect-star"></i>关注<small>111</small></span>
			<a href="chooseDate.html"><button class="tab-item2" data-toggle="modal" data-target="#myModal" style="line-height: 0px !important;">立即定购</button></a>
			<!--<button data-toggle="modal" data-target=".bs-example-modal-sm" class="btn btn-default btn-danger one-key-share" style="position: absolute;top: 17%;right: 5%;">分享</button>-->
		</footer>

		<!-- 分享弹框！！！ -->

		<!--<div class="modal fade bs-example-modal-sm share-modal" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
		  <div class="modal-dialog modal-sm" role="document" style="position: absolute;bottom: 0;left: 0;margin: 0 10px;">
		    <div class="modal-content">
		      <h4>---分享到---</h4>
		      <div class="share-way">
		      	<div class="share-way-box">
		      		<ul>
			      		<li style="text-align: center;"><img src="../images/icon/wechat.png" width="70%" height="70%"/></li>
			      		<li>微信好友</li>
		      		</ul>
		      	</div>
		      	<div class="share-way-box">
		      		<ul>
			      		<li><img src="../images/icon/monents.png" width="70%" height="70%"/></li>
			      		<li>微信朋友圈</li>
		      		</ul>
		      	</div>
		      	<div class="share-way-box">
		      		<ul>
			      		<li><img src="../images/icon/qq.png" width="70%" height="70%"/></li>
			      		<li>QQ</li>
		      		</ul>
		      	</div>
		      	<div class="share-way-box">
		      		<ul>
			      		<li><img src="../images/icon/qqzone.png" width="70%" height="70%"/></li>
			      		<li>QQ空间</li>
		      		</ul>
		      	</div>
		      	<div class="share-way-box">
		      		<ul>
			      		<li><img src="../images/icon/txweibo.png" width="70%" height="70%"/></li>
			      		<li>QQ微博</li>
		      		</ul>
		      	</div>
		      	<div class="share-way-box">
		      		<ul>
			      		<li><img src="../images/icon/sinaweibo.png" width="70%" height="70%"/></li>
			      		<li>新浪微博</li>
		      		</ul>
		      	</div>
		      </div>
		    </div>
		  </div>
		</div>-->

		<!-- js -->
		<script src="../js/frameJS/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/frameJS/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/frameJS/iscroll/build/iscroll.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/frameJS/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/frameJS/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/frameJS/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/frameJS/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../js/clientwidth.js"></script>

		<script>
			$(function() {
				if(document.body.clientWidth > 640) {
					$('body').css({
						width: 640,
						margin: '0 auto',
					});
				}

				//加载公共头部
				$('header').load('../commonTemplate/common-header.html');
				
				//防止用了mui后a标签失效
				mui('body').on('tap','a',function(){
				    window.top.location.href=this.href;
				});
				
				//引用iScroll并调用
				function loaded() {
					var myScroll = new IScroll('#goods-container-wrapper', {
						scrollbars: true,
						mouseWheel: true,
						interactiveScrollbars: true,
						shrinkScrollbars: 'scale',
						fadeScrollbars: true,
						//click:true防止点击事件或a标签失效
						click: true,
					});
				}
				window.setTimeout(loaded, 100);

				//头部轮播图！！！
				var swiper = new Swiper('.swiper-container', {
					pagination: '.swiper-pagination',
					paginationClickable: true,
					autoplay: 3000
				});

				//点击收藏星星
				function changeStar() {
					$('#btn-follow').click(function() {
						if($('.collect-star').hasClass('collect')) {
							$('.collect-star').removeClass('collect').css('background-position', '0px -24px');
							mui.toast('已取消收藏');
						}else{
							$('.collect-star').addClass('collect').css('background-position', '0px 0px');
							mui.toast('已收藏');
						}
					})
				}
				changeStar();
				
				//点击图片放大
				mui.previewImage();
			})
		</script>
	</body>

</html>